body{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
html{ scroll-behavior:smooth; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}


@font-face {
	font-family: 'YOUSHEBIAOTIHEI-2';
	src: url('../fonts/YOUSHEBIAOTIHEI-2.TTF');
	font-weight: normal;
	font-style: normal;
  
}

@font-face {
	font-family: 'ARLOWCONDENSED-BOLD';
	src: url('../fonts/BARLOWCONDENSED-BOLD.TTF');
	font-weight: normal;
	font-style: normal;
}



#fp-nav{ top: calc(50% + 100px);}
#fp-nav:after{ content: ''; width: 1px; height: 100%; left: 50%; transform: translateX(-50%); bottom: calc(100% + 30px); position: absolute; background: #fff;}
#fp-nav:before{ content: ''; width: 1px; height: 100%; left: 50%; transform: translateX(-50%); top: calc(100% + 30px); position: absolute; background: #fff;}
#fp-nav ul li{ width:18px; height:18px;}
#fp-nav ul li a{ display:block; position:relative; width:18px; height:18px;}
#fp-nav ul li a.active:after{ content: ''; width: 8px; height: 8px; position: absolute; background: #c6ad79; opacity: 0.75; top: 50%; transform: translateX(-50%) translateY(-50%); left: 50%;animation:mymove1 1.6s infinite;  -webkit-animation:mymove1 1.6s infinite; /* Safari 和 Chrome */ border-radius: 50%; z-index: -1;}
@keyframes mymove1
{
from { width: 8px; height: 8px;}
to { width: 24px; height: 24px; opacity: 0.3;}
}

@-webkit-keyframes mymove1 /*Safari and Chrome*/
{
  from { width: 8px; height: 8px;}
  to { width: 24px; height: 24px; opacity: 0.3;}
}

#fp-nav ul li a span:first-child{ width:8px; height:8px; background:none; font-size:0; border:1px solid #fff; display:block; margin:0; position: absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); opacity:0; transition:all 0.3s; clip: inherit;}
#fp-nav ul li a span:last-child{ z-index:-1; background:#fff; border:none; width:8px; height:8px; display:block; position:absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); margin:0; transition:all 0.3s;}
#fp-nav ul li a.active span:last-child{ width:8px; height:8px; margin:0; background:#c6ad79;}
/* #fp-nav ul li a.active span:first-child{ width:18px; height:18px; margin:0; opacity:1; border:1px solid #c6ad79;} */
#fp-nav ul li a.active span:first-child{ width:8px; height:8px; background:#c6ad79; font-size:0; border:none; display:block; margin:0; position: absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); opacity:0.75; clip: inherit; animation:mymove1 1.6s 0.5s infinite;  -webkit-animation:mymove1 1.6s 0.5s infinite; /* Safari 和 Chrome */}
#fp-nav ul li:hover a.active span:first-child{ width:18px; height:18px; margin:0; opacity:1;}
#fp-nav ul li:hover a span:first-child{ width:18px; height:18px; margin:0; opacity:0.5;}
#fp-nav ul li:hover a.active span:first-child{ width:18px; height:18px; margin:0;}
#fp-nav ul li:hover a span:last-child{ width:8px; height:8px;}

#fp-nav.active ul li a span:first-child{ border:1px solid #fff;}
#fp-nav.active ul li a span:last-child{ background:#fff;}

/*导航开始*/

.container_100{ width: calc(100% - 160px); padding: 0;}


.header{ box-shadow:0px 1px 4px rgba(0,0,0,0.1); position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:999; background: rgba(8,0,0,0.8); height: 100px; transition: all 0.3s;}
.header .container{ position: relative; padding-left: 340px; padding-right: 260px;}
.logo{ position: absolute; left: 0; top: 0; height: 100px; transition: all 0.3s;}
.logo a{ display: block; height:100%;}
/* .logo a:last-child{ display: none;} */
.logo a img{ max-height: 100%; display: block; max-width: 100%;}
.pc_nav{ transition: all 0.3s;}
.pc_nav>ul>li>a{ display: block; line-height: 100px; height: 100px; padding: 0; position: relative; font-size: 18px; color: #fff; text-transform: uppercase; transition: all 0.3s;}
.pc_nav>ul>li>a i{ display: inline-block; font-size: 18px; margin-right: 10px;}
.pc_nav>ul>li.active>a{background-image: linear-gradient(#eadaaa, #f4e8bb, #b69964); color: #000; font-weight: bold;}
.pc_nav>ul>li.active:hover>a{ color: #000; background-image: linear-gradient(#eadaaa, #f4e8bb, #b69964);}
.pc_nav>ul>li:hover>a{ background: transparent; color: #f4e8bb;}
.pc_nav>ul>li{ position: relative;}

.pc_nav>ul>li:hover .erji{ display: block;}
.erji{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 120px; display: none;}
/* .erji:before{ content: ''; width: 80%; height: 5px; background: #fff; bottom: 100%; left: 10%; position: absolute;}
.erji:after{ content: ''; width: 100%; height: 34px; position: absolute; bottom: 100%; left: 0; z-index: 2;} */
.erji .ej_li{ text-align: left; margin: 0; position: relative; background: rgba(0,0,0,0.95);border-bottom: 1px solid rgba(255,255,255,0.1);}
.erji .ej_li>a{ line-height: 24px; padding: 8px 15px; text-align: center; color: #fff; display: block; font-size: 15px; white-space: nowrap; font-size: 16px;}
.erji .ej_li:last-child{ border-bottom: none;}
.erji .ej_li:hover>a{ color: #f4e8bb;}

/* .erji .ej_li:hover .sanji{ display: block;} */
/* .erji .ej_li:hover .sanji:after{ content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #0098d9; position: absolute; left: -1px; top: 10px; z-index: 2;} */
/* .sanji{ display: none; position: absolute; left:calc(100% + 1px); top:0; width: 120px;}
.sanji:after{ content: ''; width: 1px; height: 100%; position: absolute; left: 0; top: 0;}
.sanji a{ display: block; padding: 6px 0; padding-left: 15px; background: rgba(255,255,255,0.95); border-bottom: 1px solid #bfe6fe; line-height: 24px; color: #333; display: block; font-size: 15px;}
.sanji a:hover{ color: #d40f34;} */


.nav_more{ position: absolute; right: 0; top: 0; z-index: 2; text-align: right; transition: all 0.3s;}
.nav_phone{ padding-top: 25px;}
.nav_phone a{ display: block; line-height: 48px; height: 48px; overflow: hidden;
  background-image:-webkit-linear-gradient(bottom,#b99d6a,#eadaaa);
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent; 
}
.nav_phone a strong{ font-family: 'Impact';margin-left: 20px; font-size: 28px;}
.nav_phone a i{ color: #fff; font-size: 36px;}
.nav_sousuo{ display: inline-block; vertical-align: middle; width: 240px; position: relative;}
.nav_sousuo input{ width: 100%; height: 48px; outline: none; display: block; border: 1px solid #fff; color: #fff; border-radius: 24px; background: none; padding-left: 15px; padding-right: 48px; font-size: 18px;}
.nav_sousuo button{ display: block; text-align: center; height: 48px; overflow: hidden; line-height: 48px; background: #00539b; color: #fff; position: absolute; top: 0; right: 0; z-index: 2; background: none; border: none; width: 48px; padding: 0; outline: none;}
.nav_sousuo button i{ font-size: 24px; display: inline-block;}


.s_banner .swiper-slide a{ height: 100vh; display: block; position: relative; overflow: hidden;}
.s_banner .swiper-pagination{ bottom: 5%; display: none;}
.s_banner .swiper-pagination .swiper-pagination-bullet{ height: 3px; width: 70px; border-radius: 0; background: #fff; margin: 0 10px; transition: all 0.3s;}
.s_banner .ban_text1{ position: absolute; top: 44%; left: 60px; width: 42.5%; z-index: 2;}
.s_banner .ban_text2{ position: absolute; bottom: -10px; left: 10.5%; width: 42.5%; z-index: 2;}
.s_banner.active .ban_text1{ transform: translateX(0); opacity: 1; transition-delay:0.3s;}
.s_banner.active .ban_text2{ transform: translateY(0); opacity: 1; transition-delay:0.4s;}

.ls_ani_right{ transform: translateX(10%); opacity: 0; transition: all 0.6s ease-out;}
.ls_ani_left{ transform: translateX(-10%); opacity: 0; transition: all 0.6s ease-out;}
.ls_ani_up{ transform: translateY(100%); opacity: 0; transition: all 0.6s ease-out;}


.s_banner2{ height: 100vh; overflow: hidden;}
.s_banner2 .ban_text1{ position: absolute; top: 49%; left: 80px; width: 47%; z-index: 2;}
.s_banner2 .ban_text2{ position: absolute; bottom: -10px; left: 0; z-index: 2; width: 38%;}
.s_banner2 .ban_text2 img{ transform: skew(-20deg); transition: all 0.2s ease-out;}
.s_banner2.active .ban_text1{ transform: translateX(0); opacity: 1; transition-delay:0.3s;}
.s_banner2.active .ban_text2{ transform: translateX(0); opacity: 1; transition-delay:0.6s;}

@-webkit-keyframes shanche {
  0%{ transform: skew(-20deg);}
  50%{ transform: skew(10deg);}
  75%{ transform: skew(-5deg);}
  100%{ transform: skew(0deg);}
  }
  @keyframes shanche {
    0%{ transform: skew(-20deg);}
    50%{ transform: skew(10deg);}
    75%{ transform: skew(-5deg);}
    100%{ transform: skew(0deg);}
  }
  .s_banner2.active .ban_text2 img {
    -webkit-animation: shanche 0.3s ease-out 1.2s;
    animation: shanche 0.3s ease-out 1.2s;
    animation-fill-mode: forwards;
  }
.s_about{ height: 100vh; width: 100%; position: relative; background: #0c0000; overflow: hidden;}
.sab_video{ position: absolute; right: 0; top: 0; width: 65%; height: 100%; overflow: hidden;}
#sab_video{ width: 73px; height: 73px; display: block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: url(../images/v.png) center no-repeat; background-size: cover; cursor: pointer; z-index: 3; transition: all 0.3s;}
#sab_video:after{ content: ''; width: 200%; height: 200%; position: absolute; left: -50%; top: -50%; background: url(../images/v2.png) center no-repeat; background-size: cover; transform: scale(0.5); opacity: 0; transition: all 1s;}
.s_about.active #sab_video:after{ transform: scale(1) rotate(360deg); opacity: 1; transition-delay:  0.3s;}

#my_video{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: auto; height: 100%; z-index: 2; opacity: 0; pointer-events: none; transition: all 0.3s;}


.sab_text{ width: 40%; position: absolute; left: 10%; top: calc(50% + 10px); transform:translateX(10%) translateY(-50%); z-index: 10;}
.sab_text h4{ margin-top: 0; margin-bottom: 25px; padding-left: 30px;}
.sab_text .ty_content{ padding: 5% 30px; padding-top: 8%; padding-right: 30%;background-image: linear-gradient(to right, #c9b380, rgba(226,214,173,0)); letter-spacing: 2px;}
.sab_text .ty_content p{ color: #fff; line-height: 28px;}
.sab_more{ margin-top: 20px;}
.sab_more a{ display: inline-block; border: 1px solid #fff; padding: 5px 15px; color: #fff; font-size: 16px;}
.sab_en{ position: absolute; width: 92px; left: 7%; bottom: 3%; transform: rotate(190deg); transform-origin: right bottom; opacity: 0; transition: all 0.6s;}
.s_about.active .sab_text.ls_ani_right{ transform: translateX(0) translateY(-50%); opacity: 1;}
.s_about.active .sab_en{ transform: rotate(0); opacity: 1; transition-delay:0.6s;}


.s_product2{ width: 100%; height: 100vh; padding-top: 100px; overflow: hidden; background: #000000; position: relative;}
.scp_zong{ width: 33.33%; position: absolute; left: 0; top: 100px; height: calc(50vh - 50px); background: url(../images/xian.png) left top repeat #000; z-index: 2;}
.scp_zong .scp_biao{ top: 50%;}

.s_product2 .swiper_11{ height: calc(100vh - 100px);}
.s_product2 .swiper_11 .swiper-wrapper{ height: 100%;}
/* .s_product2 .swiper_11 .swiper-wrapper .swiper-slide{ height: 50%;} */
.s_product2 .swiper_11 .swiper-slide a{ display: block; height: 50%; position: relative;}
.s_product2 .swiper_11 .swiper-slide a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.57); z-index: 2; transition: all 0.3s;}
.s_product2 .swiper_11 .swiper-slide a:hover:after{ background: rgba(0,0,0,0);}
.s_product2 .swiper_11 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #c6ad79;}


.s_product{ width: 100%; height: 100vh; overflow: hidden; background: #000000;}
.s_product:after{ content: ''; clear: both; display: table;}
.scp_li{ width: 33.33%; height: calc(50vh + 50px); float: left; position: relative;}
.s_product .scp_li:nth-last-child(1), .s_product .scp_li:nth-last-child(2), .s_product .scp_li:nth-last-child(3){ height: calc(50vh - 50px);}
.s_product .scp_li:first-child{ background: url(../images/xian.png) left top repeat;}

.s_product .scp_li:nth-child(2) .scp_qian, .s_product .scp_li:nth-child(3) .scp_qian{ top: 150px;}
.scp_qian{ position: absolute; left: 0; top: 50px; padding: 20px 0; padding-left: 80px; pointer-events: none; background-image: linear-gradient(to right, #c9b380, rgba(226,214,173,0)); font-size: 20px; width: 70%; z-index: 3; color: #141414; font-family: 'ARLOWCONDENSED-BOLD'; text-transform: uppercase;  text-align: left;}
.scp_qian strong{ font-size: 24px; font-family: '微软雅黑'; display: block;}

.scp_li .swiper-container, .scp_li .swiper-container .swiper-wrapper, .scp_li .swiper-container .swiper-wrapper .swiper-slide{ height: 100%;}
.scp_li .swiper-slide a{ display: block; height: 100%; position: relative;}
.scp_li .swiper-slide a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.57); z-index: 2; transition: all 0.3s;}
.scp_li:hover .swiper-slide a:after{ background: rgba(0,0,0,0);}
.scp_li .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #c6ad79;}

.scp_biao{ top: calc(50% + 50px); transform: translateY(-50%); position: absolute; left: 5%; width: 90%; z-index: 2; text-align: center;}
.scp_biao span{ font-size: 42px; line-height: 50px; padding: 15px 0; display: block;
  background-image:-webkit-linear-gradient(bottom,#b69964, #f4e8bb, #eadaaa);
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent; margin-bottom: 30px;}
.scp_biao strong{ font-size: 58px; line-height: 60px; font-family: 'ARLOWCONDENSED-BOLD'; text-transform: uppercase; display: inline-block; padding: 10px; border-bottom: 1px solid rgba(255,255,255,0.5); font-style: italic; font-weight: bold;
  background-image:-webkit-linear-gradient(bottom,#b69964, #f4e8bb, #eadaaa);
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent; }
.scp_biao a{ display: inline-block; padding: 10px 30px; border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(255,255,255,0.8); font-size: 16px; color: #fff; position: relative; z-index: 2;}
.scp_biao a:after{ content: ''; width: 0; height: 100%; opacity: 0; transition: all 0.3s; position: absolute; right: 50%; top: 0;background-image: linear-gradient(#eadaaa, #f4e8bb, #b69964); z-index: -1;}
.scp_biao a:before{ content: ''; width: 0; height: 100%; opacity: 0; transition: all 0.3s; position: absolute; left: 50%; top: 0;background-image: linear-gradient(#eadaaa, #f4e8bb, #b69964); z-index: -1;}
.scp_biao a:hover:after, .scp_biao a:hover:before{ width: 50%; opacity: 1;}
.scp_biao a:hover{ color: #000;}

.s_product.active .scp_biao{
  -webkit-animation: flash 0.6s ease-out 0.6s;
  animation: flash 0.6s ease-out 0.6s;
  animation-fill-mode: forwards;
}
.s_product2.active .scp_biao{
  -webkit-animation: flash 0.6s ease-out 0.6s;
  animation: flash 0.6s ease-out 0.6s;
  animation-fill-mode: forwards;
}



.s_news{ height: 100vh; width: 100%;}
.s_news:after{ content: ''; clear: both; display: table;}

.snew_li{ opacity: 0; transform: translateX(10%); transition: all 0.6s;}
.s_news.active .snew_li{ opacity: 1; transform: translateX(0); transition-delay: 0.2s;}
.s_news .snew_li:nth-child(2){ transition-delay: 0.4s;}
.s_news .snew_li:nth-child(3){ transition-delay: 0.6s;}
.s_news .snew_li:nth-child(4){ transition-delay: 0.8s;}

.snew_li .scp_biao{ position: static; transform: translateY(0); margin: 0 auto; margin-top: 30%; 
  /* opacity: 0; transition: all 0.3s; */
}
/* .s_news.active .snew_li .scp_biao{ opacity: 1; margin-top: 15%; transition-delay: 0.5s;} */

.snew_li{ width: 25%; padding: 0 25px; float: left; height: 100%; border-right: 1px solid rgba(255,255,255,0.2); padding-top: 12%;}
.news_img{ overflow: hidden;}
.news_img a{ display: block; padding-top: 60%; transition: all 0.6s;}

.new_time{ color: #fff; font-family: Arial; margin: 40px 0;}
.new_time strong{ font-size: 24px; font-weight: bold; display: inline-block; position: relative; padding-left: 96px;}
.new_time strong:after{ content: ''; width: 80px; height: 1px; background: #fff; position: absolute; left: 8px; top: 50%; transform: translateY(-50%);}
.new_time span{ display: inline-block; font-size: 18px; margin-left: 10px;}

.news_text{ padding: 0 8px;}
.news_text h4{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; margin-bottom: 20px; transition: all 0.3s;}
.news_text p{ transition: all 0.3s; font-size: 16px; line-height: 28px; min-height: 84px; color: #fff;overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.snew_li:hover .news_text h4, .snew_li:hover .news_text p{color:#d2bc8c;}
.snew_li:hover .news_img a{ transform: scale(1.1);}


.s_footer{ padding-top: 20px; background: #141414;}
.foot_lx img{ display: block; max-width: 70%;}
.foot_lx ul li{ margin-bottom: 20px; color: #fff; font-size: 16px; line-height: 24px;}
.foot_lx ul li i{ font-size: 24px;background-image:-webkit-linear-gradient(bottom,#b99d6a,#eadaaa);  -webkit-background-clip:text; -webkit-text-fill-color:transparent; display: inline-block; margin-right: 10px; vertical-align: middle;}
.foot_lx ul li strong{background-image:-webkit-linear-gradient(bottom,#b99d6a,#eadaaa);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-family: 'Impact'; font-size: 24px;}
.s_footer .caption{ padding-top: 30px;}
.s_footer .caption h4{ margin-bottom: 35px;}
.s_footer .caption h4 a{ color: #fff;}
.s_footer .caption p a{ color: #fff; opacity: 0.5; font-size: 16px; transition: all 0.3s;}
.s_footer .caption p a:hover{ opacity: 1;}
.foot_ewm{ padding-top: 40px;}


.foot_di{ background: #0c0000; padding: 10px 0; margin-top: 30px; color: #a3a1a1;}
.foot_di a{ color: #a3a1a1;}



/* 内页开始 */
.n_banner{ padding-top: 36.4%; margin-top: 100px; position: relative;}
.nban_text{ position: absolute; left: 10%; top: 48%; transform: translateY(-50%); z-index: 2; }
.nban_text span{ display: inline-block; color: #fff; font-size: 70px; padding-bottom: 25px; position: relative; line-height: 88px;}
.nban_text span small{ font-size: 50px;}
.nban_text span:after{ content: ''; width: 50%; height: 5px; background: #fff; position: absolute; bottom: 0; left: 0;}

.weizhi{ background: #000000; border-bottom: 1px solid #6e6e6e;}
.weizhi ul li{ display: inline-block; margin-right: 60px;}
.weizhi ul li a{ display: block; padding: 0 20px; line-height: 86px; color: #fff; position: relative; font-size: 20px; transition: all 0.3s;}
.weizhi ul li:hover a{ color: #eadaaa;}
.weizhi ul li.active a{ color: #eadaaa;}
.weizhi ul li.active a:after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-image: linear-gradient( to right, #eadaaa, #b69964);}
.weizhi_xie{ line-height: 86px; color: #b9b9b9;}
.weizhi_xie a{ color: #b9b9b9;}

.n_about_1{ padding: 80px 0; background: url(../images/nab_1.jpg) center no-repeat; background-size: cover;}
.n_about_1 .ty_content{ color: #fff;}
.n_about_1 .ty_content p{ text-indent: 2em; color: #fff; margin-bottom: 20px; font-size: 16px; line-height: 28px;}

.ny_biao{ margin-bottom: 20px;}
.ny_biao strong{ display: block; font-size: 40px; font-family: 'ARLOWCONDENSED-BOLD'; text-transform: uppercase;}
.ny_biao span{ display: inline-block; color: #000; font-size: 30px; padding-bottom: 20px; position: relative;}
.ny_biao span:after{ content: ''; width: 40px; height: 1px; background: #000; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}

.ny_biao.text-left{ color: #fff;}
.ny_biao.text-left span{ color: #fff;}
.ny_biao.text-left span:after{ left: 0; transform: translateX(0); background: #fff;}

.n_about_2{ padding: 60px 0; background: url(../images/nab_5.jpg) center no-repeat; background-size: cover;}

.nlc_swiper{ padding: 0 5%; position: relative;}
.nlc_swiper .gallery-top .swiper-slide{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nlc_text{ width: 56%; padding-left: 40px; border-left: 2px solid #bba06b;}
.nlc_text h2{ font-size: 46px; color: #bba06b; margin-bottom: 20px;}
.nlc_text h2 strong{ font-size: 54px;}
.nlc_text p{ line-height: 36px; font-size: 16px;}
.nlc_img{ width:38%;}

.nlc_time{ padding-top: 90px; position: relative;}
.nlc_time strong{ position: absolute; left: 0; top: 0; line-height: 68px; font-size: 60px; color: #979494; font-family: 'ARLOWCONDENSED-BOLD'; display: block;}
.nlc_time h4{ font-size: 20px; color: #979494; line-height: 30px; margin: 0; margin-top: 25px; padding-right: 30px;}

.nlc_dian{ width: 100%; height: 1px; background: #979494; position: relative;}
.nlc_dian:after{ content: ''; width: 16px; height: 16px; border-radius: 50%; background: #979494; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.nlc_swiper .gallery-thumbs{ margin-top: 60px;}
.nlc_swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .nlc_time strong{ color: #bba06b;}
.nlc_swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .nlc_time .nlc_dian{ background: #bba06b;}
.nlc_swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .nlc_time .nlc_dian:after{ background: #bba06b;}

.nlc_swiper .swiper-button-next_htumber, .nlc_swiper .swiper-button-prev_htumber{ width: 54px; height:54px; border-radius: 50%; border: 3px solid #000; line-height: 48px; text-align: center; background: none; margin: 0; top: 62px; outline: none;}
.nlc_swiper .swiper-button-next_htumber i, .nlc_swiper .swiper-button-prev_htumber i{ font-size: 30px; line-height: 48px;}

.n_about_3{ padding: 50px 0; padding-bottom: 120px; background: url(../images/nab_4.jpg) center no-repeat; background-size: cover;}
.n_about_3 .swiper1 .swiper-slide a{ padding-top: 74%; display: block;}
.n_about_3 p{ line-height: 30px; font-size: 16px; color: #fff;}
.dw_swiper{ position: relative; padding: 0 70px;}
.n_about_3 .dw_swiper{ margin-top: 60px;}
.dw_swiper .swiper-button-next, .dw_swiper .swiper-button-prev{ width: 46px; height:46px; border-radius: 50%; border: 2px solid #fff; line-height: 42px; text-align: center; background: none; margin-top: -23px; outline: none; color: #fff;}
.dw_swiper .swiper-button-next i, .dw_swiper .swiper-button-prev i{ font-size: 24px; line-height: 42px;}

.n_about_4{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nab4_left{ width: 43.75%;}
.nab4_right{ width: 56.25%; padding: 0 100px;}

.nab4_right .ny_biao.text-left, .nab4_right .ny_biao.text-left span{ color: #000;}
.nab4_right .ny_biao.text-left span:after{ background: #000;}

.nab4_right .caption{ padding-left: 30px; border-left: 1px solid #adadab; position: relative; margin-top: 60px;}
.nab4_right .caption:after{ content: ''; width: 4px; background: #b69964; position: absolute; left: -1px; top: 0; height: 36px;}
.nab4_name{ font-size: 26px; margin-bottom: 20px;}
.nab4_right .caption p{ font-size: 18px; line-height: 28px; margin-bottom: 20px;}
.nab4_right .caption p span{ color: #b69964;}

.node{ position: absolute; top: -100px; left: 0;}

.n_about_5{ padding: 120px 0; background: url(../images/nab_6.jpg) center no-repeat; background-size: cover;}
.hz_flex ul{ position: relative; z-index: 10;
display: flex;
display: -webkit-flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
}
.hz_flex ul li a{ display: block; padding-top: 100%; position: relative;}
.hz_flex ul li a:after{ content: ''; width: 70%; height: 70%; background: rgba(255,255,255,0.92); position: absolute; left: 15%; top: 15%; transform: rotate(45deg); z-index: 2;}
.hz_flex ul li a img{ display: block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 65%; max-height: 38%; z-index: 3;}
.hz_flex ul li{ width: 12%; margin: 0 0.25%;
  margin-top: -5.8%;
}
.hz_flex ul li:nth-child(1), .hz_flex ul li:nth-child(2), .hz_flex ul li:nth-child(3), .hz_flex ul li:nth-child(4){ margin-top: 0;}

.hz_flex ul li:first-child{ margin-left: 25.25%;}
.hz_flex ul li:nth-child(5){ margin-left: 19%;}
.hz_flex ul li:nth-child(7){ margin-left: 12.75%;}
.hz_flex ul li:nth-child(9){ margin-left: 12.75%;}
.hz_flex ul li:nth-child(11){ margin-left: 25.25%;}
.hz_flex ul li:nth-child(13){ margin-left: 19%;}
.hz_flex ul li:nth-child(15){ margin-left: 12.75%;}
.hz_flex ul li:nth-child(17){ margin-left: 25.25%;}
.hz_flex ul .jz_biao{ width: 24%; position: absolute; z-index: -1; left: 38%; top: 17.25%; margin: 0;}
.hz_flex ul .jz_biao a{ padding-top: 100%; display: block; position: relative;}
.hz_flex ul .jz_biao a:after{ content: ''; width: 70%; height: 70%; background-image: linear-gradient(#eadaaa, #f4e8bb, #b69964); position: absolute; left: 15%; top: 15%; transform: rotate(45deg); z-index: 2;}
.jz_biao a span{ position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); color: #000; z-index: 5; font-size: 20px; text-align: center; text-transform: uppercase;}
.jz_biao a span strong{ font-size: 64px; display: block; line-height: 80px;}


.nnew_content{ padding: 80px 0;}
.nnew_list .caption{ margin-bottom: 65px;}
.nnew_list .caption:hover .news_text h4, .nnew_list .caption:hover .news_text p{color:#d2bc8c;}
.nnew_list .caption:hover .news_img a{ transform: scale(1.1);}

.nnew_ny{ margin: 0 5%;}
.nnew_ny .ty_content{ padding: 30px 5%;}
.nnew_ny .ty_content p{ font-size: 16px; line-height: 30px; color: #333;}
.nnew_ny>h3{ color: #333; margin-bottom: 25px; line-height: 36px;}
.nnew_ny>h5{ padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.27); color: #999;}

.nnew_ny .fanye02{ margin: 0 5%;}


.tixi_chanpin, .jlb_mendian, .tixi_shangye, .jlb_sheshi, .jlb_kecheng, .jlb_fuwu{ padding: 40px 0;}

.tixi_cp_swiper{ padding-left: 22%; position: relative;}
.tixi_cp_swiper ul{ width: 22%; background: #000; position: absolute; left: 0; height: 100%;}
.tixi_cp_swiper .swiper1 .swiper-slide a{ padding-top: 46%; display: block;}
.tixi_cp_swiper ul li{ height: 20%; position: relative; border-bottom: 1px solid #666161;}
.tixi_cp_swiper ul li:after{ content: ''; width: 100%; height: 100%; background-image: linear-gradient(#eadaaa, #f4e8bb, #b69964); position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition: all 0.3s;}
.tixi_cp_swiper ul li:last-child{ border: none;}
.tixi_cp_swiper ul li a{ position: absolute; left: 30%; top: 50%; transform: translateY(-50%); z-index: 3; color: #fff; font-size: 24px;}
.tixi_cp_swiper ul li.active:after{ opacity: 1; width: 110%;}
.tixi_cp_swiper ul li.active a{ font-weight: bold; color: #000;}

.tixi_shangye{ padding-bottom: 0;}
.tixi_shangye .row{ margin: 0;}
.tixi_shangye .row .col-sm-8, .tixi_shangye .row .col-sm-6, .tixi_shangye .row .col-sm-4{ padding: 0;}
.tixi_shangye .caption{ overflow: hidden; position: relative;}
.tixi_shangye .caption a{ display: block; padding-top: 73%; transition: all 0.6s;}
.tixi_shangye .caption span{ font-weight: bold; display: block; width: 55%; position: absolute; left: 0; top: 40px; font-size: 30px; color: #000; padding: 15px 0; padding-left: 30px; background-image: linear-gradient(to right, #c9b380, rgba(226,214,173,0)); }
.tixi_shangye .row .col-sm-4 .caption>a{ padding-top: 146%;}
.tixi_shangye>.row>.col-sm-6 .caption>a{ padding-top: 48%;}
.tixi_shangye .caption:hover a{ transform: scale(1.1);}

.jlb_changguan{ position: relative;}
.jlb_changguan .ny_biao{ left: 80px; top: 70px; z-index: 2; position: absolute; text-align: left;}
.jlb_changguan .ny_biao span:after{ display: none;}


.jlb_mendian .swiper1 .swiper-slide{ position: relative;}
.jlb_mendian .swiper1 .swiper-slide span{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.74); color: #fff; padding: 10px 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;}
.jlb_mendian .swiper1 .swiper-slide a{ display: block; padding-top: 65%;}
.jlb_mendian .swiper1 .swiper-button-next, .jlb_mendian .swiper1 .swiper-button-prev{ width: 54px; height: 54px; border: 4px solid #d0d2d2; line-height: 46px; text-align: center; margin: 0; transform: translateY(-50%); color: #d0d2d2; border-radius: 50%; background: none;}
.jlb_mendian .swiper1 .swiper-button-next i, .jlb_mendian .swiper1 .swiper-button-prev i{ display: inline-block; line-height: 46px; font-size: 30px;}
.jlb_mendian .swiper1 .swiper-button-next{ right: 25px;}
.jlb_mendian .swiper1 .swiper-button-prev{ left: 25px;}



.jlb_sheshi ul{ margin-bottom: 20px;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.jlb_sheshi ul li{ margin: 10px 10px;}
.jlb_sheshi ul li a{ display: block; border-radius: 25px; padding: 6px 20px; line-height: 24px; font-size: 16px; color: #333; border: 1px dashed #333; text-align: center; transition: all 0.3s;}
.jlb_sheshi ul li.active a{ border-color: transparent; color: #333; background-image: linear-gradient(#eadaaa, #f4e8bb, #b69964);}

.jlb_sheshi .swiper2 .swiper-slide{ position: relative;}
.jlb_sheshi .swiper2 .swiper-slide a{ display: block; padding-top: 39.4%;}
.jlb_ss_text{ position: absolute; bottom: 10%; left: 0; width: 100%; z-index: 2; background-image: linear-gradient(to right, rgba(0,0,0,0.75) , rgba(0,0,0,0)); padding: 30px 80px; color: #fff;}
.jlb_ss_text p{ font-size: 18px; margin-top: 15px;}

.jlb_kecheng .swiper3 .swiper-slide{ padding-right: 40%; position: relative; background: #000;}
.jlb_kecheng .swiper3 a{ padding-top: 60%; display: block;}
.jlb_ks_text{ width: 40%; padding-right: 130px; padding-left: 50px; color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
.jlb_ks_text h2{ font-size: 36px; margin-bottom: 30px;}
.jlb_ks_text p{ font-size: 16px; margin: 20px 0; line-height: 30px;}

.jlb_kecheng .swiper3 .swiper-button-next, .jlb_kecheng .swiper3 .swiper-button-prev{ width: 54px; height: 54px; line-height: 54px; text-align: center; margin: 0; transform: translateY(-50%); color: #d0d2d2; border-radius: 50%; background: none;}
.jlb_kecheng .swiper3 .swiper-button-next i, .jlb_kecheng .swiper3 .swiper-button-prev i{ display: inline-block; line-height: 54px; font-size: 46px;}
.jlb_kecheng .swiper3 .swiper-button-next{ right: 80px;}
.jlb_kecheng .swiper3 .swiper-button-prev{ left: 80px;}

.jlb_fuwu{ padding-bottom: 0;}
.jlb_fuwu .row{ margin: 0;}
.jlb_fuwu .row .col-sm-6{ padding: 0;}
.jlb_fuwu .caption{ position: relative; overflow: hidden;}
.jlb_fuwu .caption a{ padding-top: 58%; display: block; transition: all 0.6s;}
.jlb_fw_text{ position: absolute; bottom: 5%; left: 0; width: 100%; z-index: 2; background: rgba(198,168,111,0.67); color: #fff; padding: 15px 20px; transition: all 0.3s;}
.jlb_fw_text h3{ margin-top: 10px;}
.jlb_fw_text p{ line-height: 24px; font-size: 16px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jlb_fuwu .caption:hover .jlb_fw_text{ background: rgba(198,168,111,0.9);}
.jlb_fuwu .caption:hover a{ transform: scale(1.1);}

.lx_map{display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}

.lx_left, .lx_right{ width: 50%; position: relative;}
.lx_text{ width: 60%; position: absolute; top: 48%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; padding-right: 130px;}
.lx_ewm{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 120px; color: #fff; font-size: 14px; text-align: center;}
.lx_ewm img{ margin-bottom: 10px;}

.lx_message{ margin: 40px 0;}
.lx_message h5{ margin-top: 20px; margin-bottom: 30px; font-size: 16px;}
.lx_form{ margin: 0 10%;}
.lx_form .form-group{ margin-bottom: 30px;}
.lx_form .form-control{ height: 60px; border-radius: 0; font-size: 16px;}
.lx_form textarea.form-control{ height: auto; line-height: 30px;}
.lx_form button.btn{ border-radius: 0; height: 56px; padding-left: 80px; padding-right: 80px; background: #000; color: #fff; font-size: 16px; border: none;}


.jiameng_a{display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}
.jm_zz_left{ width: 50%;}
.jm_zz_right{ width: 50%; padding: 0 5%; padding-top: 30px; }
.jm_zz_right ul li{ margin-bottom: 70px; padding-left: 70px; position: relative; font-size: 16px;}
.jm_zz_right ul li:last-child{ margin-bottom: 0;}
.jm_zz_right ul li i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-style: normal; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #000; font-size: 30px; font-family: 'ARLOWCONDENSED-BOLD';}
.jm_zz_right ul li i:after{ content: ''; width: 100%; height: 100%; background-image: linear-gradient(-45deg, #eadaaa, #f4e8bb, #b69964); position: absolute; left: 0; top: 0; transform: rotate(45deg); z-index: -1;}


.jm_zz_right .ny_biao.text-left{ color: #000; margin-bottom: 50px;}
.jm_zz_right .ny_biao.text-left span{ color: #000;}
.jm_zz_right .ny_biao.text-left span:after{ left: 0; transform: translateX(0); background: #000;}

.jiameng_b .ny_biao{ color: #fff;}
.jiameng_b .ny_biao span{ color: #fff;}
.jiameng_b .ny_biao span:after{ background: #fff;}

.jiameng_b{ padding: 80px 0; padding-bottom: 110px; background: url(../images/jm_2.jpg) center no-repeat; background-size: cover;}
.jm_moshi{display: flex; margin-top: 130px;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}

.moshi_li{ width: 15%; margin: 0 2%; padding: 20px 30px; background: #fff; border-radius: 18px;}
.moshi_li img{ display: block; margin: 0 auto; max-width: 70%; margin-top: -40%; transition: all 0.3s;}
.moshi_li h4{ color: #c2a976; font-weight: bold; font-size: 20px; margin: 25px 0; text-align: center;}
.moshi_li p{ font-size: 16px; line-height: 26px; color: #333;}
.moshi_li:hover img{ transform: scale(0.95);}

.jiameng_c{ padding: 80px 0; background: url(../images/jm_3.jpg) center no-repeat; background-size: cover; overflow: hidden;}

.jm_zc_flex{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.jm_zc_left{ width: 26%;}
.jm_zc_right{ width: 50%;}
.jm_zc_right ul{display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}
  .jm_zc_right ul li{ width: 25%; text-align: center; margin: 30px 0;}
  .jm_zc_right ul li i{ width: 100px; height: 100px; color: #333; line-height: 100px; font-size: 46px; display: inline-block; position: relative; transition: all 0.3s;}
  .jm_zc_right ul li span{ display: block; font-size: 20px; line-height: 30px; color: #333; margin-top: 25px; transition: all 0.3s; font-weight: bold;}
  .jm_zc_right ul li i:after{ content: ''; width: 100%; height: 100%; border: 2px solid #ceb991; border-left: 1px solid #bebebf; border-radius: 20px; position: absolute; left: 0; top: 0; transform: rotate(45deg); transition: all 0.6s;}
  .jm_zc_right ul li:hover i:after{ border-radius: 50%; transform: rotate(135deg);}
  .jm_zc_right ul li:hover i{ color: #ceb991;}
  .jm_zc_right ul li:hover span{ color: #ceb991;}


  /* @-webkit-keyframes quan_a {
    0%{ border-radius: 20px; transform: rotate(45deg);}
    50%{ border-radius: 50%; transform: rotate(135deg);}
    100%{ border-radius: 20px; transform: rotate(45deg);}
    }
    @keyframes quan_a {
      0%{ border-radius: 20px; transform: rotate(45deg);}
      50%{ border-radius: 50%; transform: rotate(135deg);}
      100%{ border-radius: 20px; transform: rotate(45deg);}
    }
    .jm_zc_right ul li:hover i:after{
      -webkit-animation: quan_a 1s;
      animation: quan_a 1s
    } */


  /* .jm_zc_left strong{ font-size: 360px; display: inline-block; line-height: 360px; position: relative; font-family: 'ARLOWCONDENSED-BOLD'; color: #d4c196;}
  .jm_zc_left strong span{ font-family: '微软雅黑'; position: absolute; left: 60%; bottom: 24%; z-index: 2; font-size: 36px; line-height: 36px; color: #333; background: #ebecef; white-space: nowrap; font-weight: normal; padding: 5px;} */

  .jiameng_d{display: flex; padding: 80px 0; background: url(../images/jm_4.jpg) center right no-repeat; background-size: contain; overflow: hidden;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;}
.jm_zc2_left{ width: 72.6%; background: rgba(255,255,255,0.85); padding: 30px; padding-top: 10px; padding-left: 80px;}
.jm_zc2_list{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.jm_zc2_left .caption{ width: 28%; margin-right: 8%; margin-top: 20px;}
.jm_zc2_left .caption:nth-child(3n){ margin-right: 0;}
.jm_zc2_left .caption p{ font-size: 16px; line-height: 24px; color: #333;}
.jm_zc2_left .caption h3{ color: #ceb991;}
.jm_zc2_left .caption h3 strong{ font-size: 36px; display: inline-block; margin-right: 10px;}
.jm_zc2_right{ width: 27.4%; padding-right: 80px; text-align: right;}

.jiameng_e{ padding: 120px 0; color: #fff; background: url(../images/jm_5.jpg) center no-repeat; background-size: cover;}


.jiameng_e .ny_biao{ color: #fff; margin-bottom: 130px;}
.jiameng_e .ny_biao span{ color: #fff;}
.jiameng_e .ny_biao span:after{ background: #fff;}
.jiameng_e .ny_biao p{ margin-top: 20px; font-size: 18px;}

.jiameng_e ul{ position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}

.jiameng_e ul:after{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 7px; left: 0;}
.jiameng_e ul li{ width: 10%;  text-align: center; padding-top: 50px; position: relative; z-index: 2;}
.jiameng_e ul li:after{ content: ''; width: 15px; height: 15px; border-radius: 50%; background: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all 0.3s;}
.jiameng_e ul li:before{ content: ''; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #fff; position: absolute; top: -5px; left: 50%; transform: translateX(-50%);}
.jiameng_e ul li span i{ display: block; margin-bottom: 15px; line-height: 56px; text-align: center; font-size: 56px;}
.jiameng_e ul li span{ font-size: 20px;}
.jiameng_e ul li:hover:after{ background: #b79855;}

.jiameng_e ul li:nth-child(5) span i:before, 
.jiameng_e ul li:nth-child(6) span i:before,
.jiameng_e ul li:nth-child(8) span i:before,
.jiameng_e ul li:nth-child(9) span i:before
{ display: inline-block; transform: scale(0.8);}

.ifa_about{ padding: 80px 0; background: url(../images/ifa_1.jpg) left center no-repeat #020810; color: #fff; overflow: hidden;}
.ifa_about .caption{ padding-left: 8%;}
.ifa_about .caption h2{ margin-bottom: 20px; background-image:-webkit-linear-gradient(bottom,#b99d6a,#eadaaa);
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent; }
.ifa_about .ty_content p{ color: #fff; font-size: 16px; line-height: 34px;}

.ifa_zizhi{ padding:80px 0;}
.ifa_zizhi .swiper1 .swiper-slide a{ padding-top: 70%; display: block; border: 1px solid #dedede; position: relative;}
.ifa_zizhi .swiper1 .swiper-slide a img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; max-width: 90%; max-height: 90%;}
.ifa_zizhi .swiper1 .swiper-slide span{ display: block; width: 100%; text-align: center; font-size: 22px; color: #000; margin-top: 20px;}
.ifa_zizhi .dw_swiper{ padding: 0 100px; margin-top: 60px;}
.ifa_zizhi .dw_swiper .swiper-button-next, .ifa_zizhi .dw_swiper .swiper-button-prev{ border: 2px solid #333; color: #333;}

.ifa_kecheng{ background: #020810; padding-top: 60px;}
.ifa_kecheng .ny_biao{ color: #fff; margin-bottom: 40px;}
.ifa_kecheng .ny_biao span{ color: #fff;}

.ifa_kc_li{display: flex; background: #f2f2f3;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}
.ifa_img{ width: 50%;}
.ifa_img img{ display: block; width: 100%;}
.ifa_text{ width: 50%; padding: 0 80px; padding-top: 30px;}
.ifa_text h2{ font-size: 34px; margin-bottom: 30px;}
.ifa_text p{ font-size: 16px; line-height: 24px;}
.ifa_text ul{ margin: 30px 0;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.ifa_text ul li{ text-align: center; width: 23%;}
.ifa_text ul li span{ display: block; font-size: 16px; margin-top: 10px;}
.ifa_text h5 a{ display: inline-block; padding: 12px 40px; border: 1px solid #dedede; color: #333; transition: all 0.3s;}
.ifa_text h5 a:hover{ background: #d1bb89; border-color: #d1bb89;}

.ifa_kc_list .ifa_kc_li:nth-child(2n-1) .ifa_text{ padding-left: 60px;}
.ifa_kc_list .ifa_kc_li:nth-child(2n) .ifa_text{ padding-right: 60px;}

.ifa_px{ padding: 100px 0; padding-bottom: 160px; background: url(../images/ifa_27.jpg) center no-repeat; background-size: cover;}
.ifa_px .ny_biao{ margin-bottom: 120px; color: #fff;}
.ifa_px .ny_biao span{ color: #fff;}
.ifa_px .ny_biao span:after{ background: #fff;}
.px_flex{display: flex; padding: 30px 0; background: rgba(255,255,255,0.76);
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.px_li{ width: 22%; text-align: center;}
.px_li span{ display: block; font-size: 52px; line-height: 52px; color: #9b8252; font-family: 'ARLOWCONDENSED-BOLD';; }
.px_li h2{ margin: 25px 0; color: #9b8252;}
.px_li p{ font-size: 16px; margin: 15px 0; color: #000;}

.my_modal .ty_content p{ font-size: 16px; line-height: 30px; color: #333;}







/* 通用样式 */
.ty_content p{ font-size: 14px; color: #666; line-height: 24px;}
.ty_content img{ max-width: 100%;}



.tabel_content table{ max-width: 100% !important;}
#code{ transform: translateY(-2px);}

.fanye{ padding:30px 0; }
.fanye a{ display:inline-block; padding:8px 14px; background:#eeeeee; color:#333; text-decoration:none; margin: 0 1px; border-radius: 3px;}
.fanye a:hover{ color:#333;}
.fanye a.active{background-image: linear-gradient(#eadaaa, #f4e8bb, #b69964); color:#333;}
.fanye a.active:hover{ color:#333;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}


.fanye02 a{ display: inline-block; padding: 10px 40px; border: 1px solid #999; color: #666; font-size: 16px; transition: all 0.3s;}
.fanye02 a:hover{ background: #000; border-color: #000; color: #fff;}


.my-map { margin: 0 auto; width: 100%; height: 650px;}
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }



@media (max-width:767px){
  .node{ top: -60px;}

	#fp-nav.fp-right{ right: 0 !important;}
  .container_100{ padding: 0 15px; width: 100%;}
  .header .container{ padding: 0 15px; position: static;}
  .logo{ height: 60px; left: 15px;}
  .header{ height: 60px; background: #000;}

  .pc_nav{ position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: rgba(8,0,0,0.8); padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.2); display: none;}
  .pc_nav>ul>li{ text-align: center;}
  .pc_nav>ul>li .erji{ display: none !important;}
  .pc_nav>ul>li>a{ line-height: 36px; height: 36px; padding: 0 15px; font-size: 16px; display: inline-block;}

  .nav_phone{ padding-top: 0; text-align: center;}
  .nav_phone a i{ font-size: 24px;}
  .nav_phone a strong{ font-size: 24px; margin-left: 15px;}

  .s_banner{ margin-top: 60px;}
  .s_banner, .s_banner2, .s_about, .s_product, .s_news, .s_footer{ overflow: hidden;}
  .s_banner .swiper-slide a{ height: auto; padding-top: 48.9%;}
  .s_banner .ban_text1, .s_banner2 .ban_text1{ left: 15px;}

  .s_banner2{ height: auto; padding-top: 48.9%;}
  
  .s_about{ height: auto; padding: 40px 0;}
  .s_about.active .sab_text.ls_ani_right{ transform: translateX(0);}
  .sab_text{ position: static; width: 100%; padding: 0 15px;}
  .sab_text .ty_content{ padding: 15px;}
  .sab_text .ty_content p{ line-height: 20px; display: none; font-size: 14px;}
  .sab_text .ty_content p:first-child{ display: block;}
  .sab_en{ width: 36px; bottom: 35px;}
  .sab_video{ position: relative; right: auto; top: auto; height: 200px; width: calc(100% - 90px); margin-left: 75px; margin-top: 20px;}
  #sab_video{ width: 36px; height: 36px;}
  .sab_more{ margin-top: 10px;}
  .sab_more a{ font-size: 14px;}
  .sab_text h4{ padding-left: 0; margin-bottom: 15px;}
  .sab_text h4 img{ max-width: 60%;}

  .s_product, .s_news{ height: auto;}
  .scp_li{ width: 100%; height: calc(50vh - 30px);}
  .scp_biao{ top: 50%;}
  .scp_biao strong{ font-size: 34px; line-height: 40px;}
  .scp_biao span{ font-size: 24px; line-height: 30px;}
  .new_time strong{ display: none;}
  .snew_li{ width: 100%; padding: 20px 15px; height: auto;}
  .s_product .scp_li:nth-child(2) .scp_qian, .s_product .scp_li:nth-child(3) .scp_qian{ top: 30px;}
  .scp_qian{ top: 30px; padding: 10px 0; padding-left: 20px; font-size: 16px;}
  .scp_qian strong{ font-size: 18px;}
  .scp_li .swiper-slide a:after{ display: none;}
  .snew_li .scp_biao{ margin-top: 0;}
  .new_time{ margin: 15px 0;}
  .news_text h4{ font-size: 16px;}
  .news_text p{ font-size: 14px; line-height: 24px; min-height: 72px;}

  .s_footer .caption{ padding-top: 0; min-height: 150px;}
  .s_footer .row .col-sm-1:nth-last-child(2) .caption, .s_footer .row .col-sm-1:nth-last-child(3) .caption{ min-height: auto;}
  .s_footer .caption h4{ margin-bottom: 10px;}
  .s_footer .caption h4 a{ font-size: 14px; font-weight: bold;}
  .s_footer .caption p{ margin: 5px 0;}
  .s_footer .caption p a{ font-size: 14px;}
  .foot_ewm{ padding-top: 30px;}

  .n_banner{ margin-top: 60px;}
  .nban_text span{ font-size: 18px; line-height: 30px; padding-bottom: 15px;}
  .nban_text span:after{ height: 2px;}
  .nban_text span small{ font-size: 14px;}
  .weizhi ul li{ margin: 0;}
  .weizhi ul li a{ padding: 0 6px; font-size: 14px; line-height: 46px}
  .weizhi_xie{ display: none;}

  .n_about_1, .n_about_2, .n_about_3, .n_about_4, .n_about_5{ padding: 30px 0;}
  .n_about_1 .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
  .ny_biao strong{ font-size: 24px;}
  .ny_biao span{ font-size: 20px;}
  .nlc_swiper{ padding: 0;}
  .n_about_2 .container .nlc_swiper:last-child{ padding: 0 30px;}
  .nlc_text, .nlc_img{ width: 100%;}
  .nlc_text{ padding-left: 15px;}
  .nlc_text h2{ font-size: 18px;}
  .nlc_text h2 strong{ font-size: 24px;}
  .nlc_text p{ font-size: 14px; line-height: 24px;}
  .nlc_time strong{ font-size: 20px; line-height: 20px;}
  .nlc_time h4{ font-size: 14px; line-height: 24px; padding-right: 15px;}
  .nlc_swiper .swiper-button-next_htumber{ right: 0;}
  .nlc_swiper .swiper-button-prev_htumber{ left: 0;}
  .nlc_swiper .swiper-button-next_htumber, .nlc_swiper .swiper-button-prev_htumber{ width: 30px; height: 30px; border: 1px solid #000; line-height: 28px; top: 26px;}
  .nlc_swiper .swiper-button-next_htumber i, .nlc_swiper .swiper-button-prev_htumber i{ font-size: 16px; line-height: 28px;}
  .nlc_time{ padding-top: 40px;}
  .nlc_time h4{ margin-top: 20px;}
  .nlc_swiper .gallery-thumbs{ margin-top: 40px;}
  .n_about_3 p{ font-size: 14px; line-height: 24px;}
  .n_about_3 .dw_swiper{ margin-top: 40px;}
  .dw_swiper{ padding: 0 35px;}
  .dw_swiper .swiper-button-next{ right: 0;}
  .dw_swiper .swiper-button-prev{ left: 0;}
  .dw_swiper .swiper-button-next, .dw_swiper .swiper-button-prev{ width: 30px; height: 30px; line-height: 28px; border: 1px solid #fff;}
  .dw_swiper .swiper-button-next i, .dw_swiper .swiper-button-prev i{ line-height: 28px; font-size: 16px;}
  
  .nab4_left{ display: none;}
  .nab4_left, .nab4_right{ width: 100%; padding: 0 15px;}
  .nab4_name{ font-size: 18px; margin: 15px 0;}
  .nab4_right .caption:after{ height: 25px;}
  .nab4_right .caption{ padding-left: 15px; margin-top: 30px;}
  .nab4_right .caption p{ font-size: 14px; line-height: 24px; margin-bottom: 10px;}
  .jz_biao a span strong{ font-size: 14px; line-height: 18px;}
  .jz_biao a span{ font-size: 12px; transform: scale(0.8) translateY(-50%)}
  .lx_left, .lx_right{ width: 100%;}
  .lx_left{ height: 380px;}
  .lx_text{ width: 100%; padding: 0 15px;}
  .lx_ewm{ position: static; transform: translateY(0);}
  .my-map{ height: 300px;}
  .lx_message h5{ margin: 15px 15px; font-size: 14px; line-height: 24px;}
  .lx_form{ margin: 0 15px;}
  .lx_form .form-control{ height: 34px; font-size: 14px;}
  .lx_form .form-group{ margin-bottom: 15px;}
  .lx_form button.btn{ height: 34px; font-size: 14px;}
  .nnew_content{ padding: 30px 0;}
  .nnew_ny>h3{ font-size: 18px; line-height: 30px; margin-bottom: 20px;}
  .nnew_ny{ margin: 0;}
  .nnew_ny .ty_content{ padding: 15px 0;}
  .nnew_ny .ty_content p{ font-size: 14px; line-height: 24px;}
  .nnew_ny .fanye02{ margin: 0;}
  .fanye02 a{ font-size: 14px;}
  .jlb_changguan{ padding-top: 30px;}
  .jlb_changguan .ny_biao{ position: static; text-align: center;}
  .jlb_changguan .ny_biao span:after{ display: block;}
  .tixi_chanpin, .jlb_mendian, .tixi_shangye, .jlb_sheshi, .jlb_kecheng, .jlb_fuwu{ padding: 20px 0;}
  .jlb_sheshi ul li{ margin: 2px;}
  .jlb_sheshi ul li a{ padding: 4px 10px; line-height: 18px; font-size: 14px; border-radius: 12px;}

  .jlb_ss_text{ position: static; padding: 10px 15px; background: #000;}
  .jlb_ss_text h3{ margin-top: 10px; font-size: 18px;}
  .jlb_ss_text p{ font-size: 14px; line-height: 24px;}

  .jlb_kecheng .swiper3 .swiper-slide{ padding-right: 0;}
  .jlb_ks_text{ width: 100%; position: static; padding: 15px; transform: translateY(0);}
  .jlb_ks_text h2{ font-size: 18px; margin-bottom: 20px; margin: 15px 0;}
  .jlb_ks_text p{ line-height: 24px; font-size: 14px; margin: 10px 0;}
  .jlb_kecheng .swiper3 .swiper-button-prev{ left: 15px;}
  .jlb_kecheng .swiper3 .swiper-button-next{ right: 15px;}
  .jlb_kecheng .swiper3 .swiper-button-prev, .jlb_kecheng .swiper3 .swiper-button-next{ top: 120px;}
  .jlb_fw_text{ position: static; padding: 10px 15px;background: rgba(198,168,111,1);}
  .jlb_fw_text h3{ font-size: 18px;}
  .jlb_fw_text p{ font-size: 14px; line-height: 24px;}
  .jlb_fuwu .caption{ margin-bottom: 20px;}
  .jlb_fuwu .caption:hover a{ transform: scale(1);}
  .jlb_fuwu .caption:hover .jlb_fw_text{background: rgba(198,168,111,1);}

  .tixi_cp_swiper{ padding-left: 0;}
  .tixi_cp_swiper ul{ width: 100%; position: static; height: auto;}
  .tixi_cp_swiper ul li{ height: auto; width: 20%; float: left;}
  .tixi_cp_swiper ul li a{ font-size: 14px; position: static; display: block; line-height: 20px; padding: 5px 0; transform: translateY(0); text-align: center; white-space: nowrap;}
  .tixi_cp_swiper ul:after{ content: ''; clear: both; display: table;}
  .tixi_cp_swiper ul li:after{ display: none;}
  .tixi_cp_swiper ul li.active a{ background-image: linear-gradient( #eadaaa, #b69964);}
  .tixi_shangye .caption span{ font-size: 18px; padding-left: 20px;}
  .tixi_shangye .caption{ margin-bottom: 1px;}
  .tixi_shangye{ padding-bottom: 0;}
  .ifa_about, .ifa_zizhi{ padding: 30px 0;}
  .ifa_about .caption{ padding: 0;}
  .ifa_about .caption h2{ font-size: 20px;}
  .ifa_about .caption p{ line-height: 24px; font-size: 14px;}
  .ifa_about{ background: url(../images/ifa_1.jpg) top center no-repeat #020810; background-size: 100% auto; padding-top: 100px;}
  .ifa_zizhi .dw_swiper{ margin-top: 30px; padding: 0 50px;}
  .ifa_zizhi .swiper1 .swiper-slide span{ font-size: 16px; margin-top: 15px;}
  .ifa_kecheng{ padding-top: 30px;}
  .ifa_kecheng .ny_biao{ margin-bottom: 20px;}
  .ifa_img, .ifa_text{ width: 100%;}
  .ifa_text{ padding: 15px !important;}
  .ifa_text h2{ font-size: 18px; margin-bottom: 15px; font-weight: bold;}
  .ifa_text p{ line-height: 24px; font-size: 14px;}
  .ifa_text ul{ margin: 20px 0;}
  .ifa_text ul li span{ font-size: 14px;}
  .ifa_px{ padding: 30px 0;}
  .ifa_px .ny_biao{ margin-bottom: 30px;}
  .px_li{ width: calc(50% - 15px); margin-bottom: 15px;}
  .px_li h2{ font-size: 20px; margin: 15px 0;}
  .px_li span{ font-size: 36px; line-height: 36px;}
  .px_li p{ font-size: 14px; margin: 10px 0;}

  .jm_zz_left, .jm_zz_right{ width: 100%;}
  .jm_zz_right{ padding: 30px 15px;}
  .jm_zz_right ul li i{ width: 40px; height: 40px; line-height: 40px; font-size: 24px;}
  .jm_zz_right ul li{ padding-left: 60px; margin-bottom: 20px; font-size: 14px; line-height: 24px;}

  .jiameng_b, .jiameng_c, .jiameng_d, .jiameng_e{ padding: 30px 0;}
  .jm_moshi{ margin-top: 30px;}
  .moshi_li{ width: 80%; margin: 40px 10%; padding: 20px;}
  .moshi_li img{ max-width: 30%; margin-top: -25%;}
  .moshi_li h4{ font-size: 18px; margin: 15px 0;}
  .moshi_li p{ line-height: 24px; font-size: 14px;}

  .jiameng_d{ background: none;}
  .jm_zc_left, .jm_zc_right{ width: 100%; padding: 0 15px;}
  .jm_zc_left span{ font-size: 18px; line-height: 30px; text-align: center; display: block;}
  .jm_zc_left span strong{ font-size: 24px; margin-right: 5px; color: #bba06b;}
  .jm_zc_right ul li{ padding: 0 10px; margin: 0; margin-top: 30px;}
  .jm_zc_right ul li i{ width: 50px; height: 50px; line-height: 50px; font-size: 24px;}
  .jm_zc_right ul li i:after{ border-radius: 12px;}
  .jm_zc_right ul li span{ margin-top: 15px; font-size: 14px; line-height: 20px;}

  .jm_zc2_left, .jm_zc2_right{ width: 100%;}
  .jm_zc2_left{ padding: 0;}
  .jm_zc2_left .caption{ margin-right: 0; width: 100%; padding: 0 15px; margin-top: 0;}
  .jm_zc2_left .caption h3{ font-size: 18px;}
  .jm_zc2_left .caption h3 strong{ font-size: 24px;}
  .jm_zc2_left .caption p{ font-size: 14px; line-height: 24px;}
  .jiameng_e .ny_biao{ margin-bottom: 30px;}
  .jiameng_e ul li{ width: 20%; padding-top: 30px;}
  .jiameng_e ul li span{ font-size: 14px;}
  .jiameng_e ul li span i{ font-size: 28px; line-height: 36px; margin-bottom: 5px;}
  .jiameng_e ul:before{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 140px; left: 0;}
  .jiameng_e ul li:nth-child(6), .jiameng_e ul li:nth-child(7), .jiameng_e ul li:nth-child(8), .jiameng_e ul li:nth-child(9), .jiameng_e ul li:nth-child(10){ margin-top: 22px;}
  .jiameng_e .ny_biao p{ font-size: 14px;}

  .s_product2{ height: auto; padding-top: 0;}
  .s_product2 .swiper_11, .s_product2 .swiper_11 .swiper-wrapper{ height: auto;}
  .s_product2 .swiper_11 .swiper-wrapper .swiper-slide{ height: auto;}
  .s_product2 .swiper_11 .swiper-wrapper .swiper-slide a{ padding-top: 80%;}
  .scp_zong{ width: 100%; position: static; height: auto; background: url(../images/xian.png) left top repeat #000; z-index: 2; padding: 30px 0;}
  .scp_zong .scp_biao{ position: static; transform: translateY(0);}

}
@media (min-width:768px) and (max-width:991px) {
  .node{ top: -60px;}

	#fp-nav.fp-right{ right: 0 !important;}
  .container_100{ padding: 0 15px; width: 100%;}
  .header .container{ padding: 0 15px; position: static;}
  .logo{ height: 60px; left: 15px;}
  .header{ height: 60px; background: #000;}

  .pc_nav{ position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: rgba(8,0,0,0.8); padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.2); display: none;}
  .pc_nav>ul>li{ text-align: center;}
  .pc_nav>ul>li .erji{ display: none !important;}
  .pc_nav>ul>li>a{ line-height: 36px; height: 36px; padding: 0 15px; font-size: 16px; display: inline-block;}

  .nav_phone{ padding-top: 0; text-align: center;}
  .nav_phone a i{ font-size: 24px;}
  .nav_phone a strong{ font-size: 24px; margin-left: 15px;}

  .s_banner{ margin-top: 60px;}
  .s_banner, .s_banner2, .s_about, .s_product, .s_news, .s_footer{ overflow: hidden;}
  .s_banner .swiper-slide a{ height: auto; padding-top: 48.9%;}
  .s_banner .ban_text1, .s_banner2 .ban_text1{ left: 15px;}

  .s_banner2{ height: auto; padding-top: 48.9%;}
  
  .s_about{ height: auto; padding: 40px 0;}
  .s_about.active .sab_text.ls_ani_right{ transform: translateX(0);}
  .sab_text{ position: static; width: 100%; padding: 0 15px;}
  .sab_text .ty_content{ padding: 15px;}
  .sab_text .ty_content p{ line-height: 20px; display: none; font-size: 14px;}
  .sab_text .ty_content p:first-child{ display: block;}
  .sab_en{ width: 36px; bottom: 35px;}
  .sab_video{ position: relative; right: auto; top: auto; height: 200px; width: calc(100% - 90px); margin-left: 75px; margin-top: 20px;}
  #sab_video{ width: 36px; height: 36px;}
  .sab_more{ margin-top: 10px;}
  .sab_more a{ font-size: 14px;}
  .sab_text h4{ padding-left: 0; margin-bottom: 15px;}
  .sab_text h4 img{ max-width: 60%;}

  .s_product, .s_news{ height: auto;}
  .scp_li{ width: 100%; height: calc(50vh - 30px);}
  .scp_biao{ top: 50%;}
  .scp_biao strong{ font-size: 34px; line-height: 40px;}
  .scp_biao span{ font-size: 24px; line-height: 30px;}
  .new_time strong{ display: none;}
  .snew_li{ width: 100%; padding: 20px 15px; height: auto;}
  .s_product .scp_li:nth-child(2) .scp_qian, .s_product .scp_li:nth-child(3) .scp_qian{ top: 30px;}
  .scp_qian{ top: 30px; padding: 10px 0; padding-left: 20px; font-size: 16px;}
  .scp_qian strong{ font-size: 18px;}
  .scp_li .swiper-slide a:after{ display: none;}
  .snew_li .scp_biao{ margin-top: 0;}
  .new_time{ margin: 15px 0;}
  .news_text h4{ font-size: 16px;}
  .news_text p{ font-size: 14px; line-height: 24px; min-height: 72px;}

  .s_footer .caption{ padding-top: 0; min-height: 150px;}
  .s_footer .row .col-sm-1:nth-last-child(2) .caption, .s_footer .row .col-sm-1:nth-last-child(3) .caption{ min-height: auto;}
  .s_footer .caption h4{ margin-bottom: 10px;}
  .s_footer .caption h4 a{ font-size: 14px; font-weight: bold;}
  .s_footer .caption p{ margin: 5px 0;}
  .s_footer .caption p a{ font-size: 14px;}
  .foot_ewm{ padding-top: 30px;}

  .n_banner{ margin-top: 60px;}
  .nban_text span{ font-size: 18px; line-height: 30px; padding-bottom: 15px;}
  .nban_text span:after{ height: 2px;}
  .nban_text span small{ font-size: 14px;}
  .weizhi ul li{ margin: 0;}
  .weizhi ul li a{ padding: 0 6px; font-size: 14px; line-height: 46px}
  .weizhi_xie{ display: none;}

  .n_about_1, .n_about_2, .n_about_3, .n_about_4, .n_about_5{ padding: 30px 0;}
  .n_about_1 .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
  .ny_biao strong{ font-size: 24px;}
  .ny_biao span{ font-size: 20px;}
  .nlc_swiper{ padding: 0;}
  .n_about_2 .container .nlc_swiper:last-child{ padding: 0 30px;}
  .nlc_text, .nlc_img{ width: 100%;}
  .nlc_text{ padding-left: 15px;}
  .nlc_text h2{ font-size: 18px;}
  .nlc_text h2 strong{ font-size: 24px;}
  .nlc_text p{ font-size: 14px; line-height: 24px;}
  .nlc_time strong{ font-size: 20px; line-height: 20px;}
  .nlc_time h4{ font-size: 14px; line-height: 24px; padding-right: 15px;}
  .nlc_swiper .swiper-button-next_htumber{ right: 0;}
  .nlc_swiper .swiper-button-prev_htumber{ left: 0;}
  .nlc_swiper .swiper-button-next_htumber, .nlc_swiper .swiper-button-prev_htumber{ width: 30px; height: 30px; border: 1px solid #000; line-height: 28px; top: 26px;}
  .nlc_swiper .swiper-button-next_htumber i, .nlc_swiper .swiper-button-prev_htumber i{ font-size: 16px; line-height: 28px;}
  .nlc_time{ padding-top: 40px;}
  .nlc_time h4{ margin-top: 20px;}
  .nlc_swiper .gallery-thumbs{ margin-top: 40px;}
  .n_about_3 p{ font-size: 14px; line-height: 24px;}
  .n_about_3 .dw_swiper{ margin-top: 40px;}
  .dw_swiper{ padding: 0 35px;}
  .dw_swiper .swiper-button-next{ right: 0;}
  .dw_swiper .swiper-button-prev{ left: 0;}
  .dw_swiper .swiper-button-next, .dw_swiper .swiper-button-prev{ width: 30px; height: 30px; line-height: 28px; border: 1px solid #fff;}
  .dw_swiper .swiper-button-next i, .dw_swiper .swiper-button-prev i{ line-height: 28px; font-size: 16px;}
  
  .nab4_left{ display: none;}
  .nab4_left, .nab4_right{ width: 100%; padding: 0 15px;}
  .nab4_name{ font-size: 18px; margin: 15px 0;}
  .nab4_right .caption:after{ height: 25px;}
  .nab4_right .caption{ padding-left: 15px; margin-top: 30px;}
  .nab4_right .caption p{ font-size: 14px; line-height: 24px; margin-bottom: 10px;}
  .jz_biao a span strong{ font-size: 14px; line-height: 18px;}
  .jz_biao a span{ font-size: 12px; transform: scale(0.8) translateY(-50%)}
  .lx_left, .lx_right{ width: 100%;}
  .lx_left{ height: 380px;}
  .lx_text{ width: 100%; padding: 0 15px;}
  .lx_ewm{ position: static; transform: translateY(0);}
  .my-map{ height: 300px;}
  .lx_message h5{ margin: 15px 15px; font-size: 14px; line-height: 24px;}
  .lx_form{ margin: 0 15px;}
  .lx_form .form-control{ height: 34px; font-size: 14px;}
  .lx_form .form-group{ margin-bottom: 15px;}
  .lx_form button.btn{ height: 34px; font-size: 14px;}
  .nnew_content{ padding: 30px 0;}
  .nnew_ny>h3{ font-size: 18px; line-height: 30px; margin-bottom: 20px;}
  .nnew_ny{ margin: 0;}
  .nnew_ny .ty_content{ padding: 15px 0;}
  .nnew_ny .ty_content p{ font-size: 14px; line-height: 24px;}
  .nnew_ny .fanye02{ margin: 0;}
  .fanye02 a{ font-size: 14px;}
  .jlb_changguan{ padding-top: 30px;}
  .jlb_changguan .ny_biao{ position: static; text-align: center;}
  .jlb_changguan .ny_biao span:after{ display: block;}
  .tixi_chanpin, .jlb_mendian, .tixi_shangye, .jlb_sheshi, .jlb_kecheng, .jlb_fuwu{ padding: 20px 0;}
  .jlb_sheshi ul li{ margin: 2px;}
  .jlb_sheshi ul li a{ padding: 4px 10px; line-height: 18px; font-size: 14px; border-radius: 12px;}

  .jlb_ss_text{ position: static; padding: 10px 15px; background: #000;}
  .jlb_ss_text h3{ margin-top: 10px; font-size: 18px;}
  .jlb_ss_text p{ font-size: 14px; line-height: 24px;}

  .jlb_kecheng .swiper3 .swiper-slide{ padding-right: 0;}
  .jlb_ks_text{ width: 100%; position: static; padding: 15px; transform: translateY(0);}
  .jlb_ks_text h2{ font-size: 18px; margin-bottom: 20px; margin: 15px 0;}
  .jlb_ks_text p{ line-height: 24px; font-size: 14px; margin: 10px 0;}
  .jlb_kecheng .swiper3 .swiper-button-prev{ left: 15px;}
  .jlb_kecheng .swiper3 .swiper-button-next{ right: 15px;}
  .jlb_kecheng .swiper3 .swiper-button-prev, .jlb_kecheng .swiper3 .swiper-button-next{ top: 120px;}
  .jlb_fw_text{ position: static; padding: 10px 15px;background: rgba(198,168,111,1);}
  .jlb_fw_text h3{ font-size: 18px;}
  .jlb_fw_text p{ font-size: 14px; line-height: 24px;}
  .jlb_fuwu .caption{ margin-bottom: 20px;}
  .jlb_fuwu .caption:hover a{ transform: scale(1);}
  .jlb_fuwu .caption:hover .jlb_fw_text{background: rgba(198,168,111,1);}

  .tixi_cp_swiper{ padding-left: 0;}
  .tixi_cp_swiper ul{ width: 100%; position: static; height: auto;}
  .tixi_cp_swiper ul li{ height: auto; width: 20%; float: left;}
  .tixi_cp_swiper ul li a{ font-size: 14px; position: static; display: block; line-height: 20px; padding: 5px 0; transform: translateY(0); text-align: center; white-space: nowrap;}
  .tixi_cp_swiper ul:after{ content: ''; clear: both; display: table;}
  .tixi_cp_swiper ul li:after{ display: none;}
  .tixi_cp_swiper ul li.active a{ background-image: linear-gradient( #eadaaa, #b69964);}
  .tixi_shangye .caption span{ font-size: 18px; padding-left: 20px;}
  .tixi_shangye .caption{ margin-bottom: 1px;}
  .tixi_shangye{ padding-bottom: 0;}
  .ifa_about, .ifa_zizhi{ padding: 30px 0;}
  .ifa_about .caption{ padding: 0;}
  .ifa_about .caption h2{ font-size: 20px;}
  .ifa_about .caption p{ line-height: 24px; font-size: 14px;}
  .ifa_about{ background: url(../images/ifa_1.jpg) top center no-repeat #020810; background-size: 100% auto; padding-top: 100px;}
  .ifa_zizhi .dw_swiper{ margin-top: 30px; padding: 0 50px;}
  .ifa_zizhi .swiper1 .swiper-slide span{ font-size: 16px; margin-top: 15px;}
  .ifa_kecheng{ padding-top: 30px;}
  .ifa_kecheng .ny_biao{ margin-bottom: 20px;}
  .ifa_img, .ifa_text{ width: 100%;}
  .ifa_text{ padding: 15px !important;}
  .ifa_text h2{ font-size: 18px; margin-bottom: 15px; font-weight: bold;}
  .ifa_text p{ line-height: 24px; font-size: 14px;}
  .ifa_text ul{ margin: 20px 0;}
  .ifa_text ul li span{ font-size: 14px;}
  .ifa_px{ padding: 30px 0;}
  .ifa_px .ny_biao{ margin-bottom: 30px;}
  .px_li{ width: calc(50% - 15px); margin-bottom: 15px;}
  .px_li h2{ font-size: 20px; margin: 15px 0;}
  .px_li span{ font-size: 36px; line-height: 36px;}
  .px_li p{ font-size: 14px; margin: 10px 0;}

  .jm_zz_left, .jm_zz_right{ width: 100%;}
  .jm_zz_right{ padding: 30px 15px;}
  .jm_zz_right ul li i{ width: 40px; height: 40px; line-height: 40px; font-size: 24px;}
  .jm_zz_right ul li{ padding-left: 60px; margin-bottom: 20px; font-size: 14px; line-height: 24px;}

  .jiameng_b, .jiameng_c, .jiameng_d, .jiameng_e{ padding: 30px 0;}
  .jm_moshi{ margin-top: 30px;}
  .moshi_li{ width: 80%; margin: 40px 10%; padding: 20px;}
  .moshi_li img{ max-width: 30%; margin-top: -25%;}
  .moshi_li h4{ font-size: 18px; margin: 15px 0;}
  .moshi_li p{ line-height: 24px; font-size: 14px;}

  .jiameng_d{ background: none;}
  .jm_zc_left, .jm_zc_right{ width: 100%; padding: 0 15px;}
  .jm_zc_left span{ font-size: 18px; line-height: 30px; text-align: center; display: block;}
  .jm_zc_left span strong{ font-size: 24px; margin-right: 5px; color: #bba06b;}
  .jm_zc_right ul li{ padding: 0 10px; margin: 0; margin-top: 30px;}
  .jm_zc_right ul li i{ width: 50px; height: 50px; line-height: 50px; font-size: 24px;}
  .jm_zc_right ul li i:after{ border-radius: 12px;}
  .jm_zc_right ul li span{ margin-top: 15px; font-size: 14px; line-height: 20px;}

  .jm_zc2_left, .jm_zc2_right{ width: 100%;}
  .jm_zc2_left{ padding: 0;}
  .jm_zc2_left .caption{ margin-right: 0; width: 100%; padding: 0 15px; margin-top: 0;}
  .jm_zc2_left .caption h3{ font-size: 18px;}
  .jm_zc2_left .caption h3 strong{ font-size: 24px;}
  .jm_zc2_left .caption p{ font-size: 14px; line-height: 24px;}
  .jiameng_e .ny_biao{ margin-bottom: 30px;}
  .jiameng_e ul li{ width: 20%; padding-top: 30px;}
  .jiameng_e ul li span{ font-size: 14px;}
  .jiameng_e ul li span i{ font-size: 28px; line-height: 36px; margin-bottom: 5px;}
  .jiameng_e ul:before{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 140px; left: 0;}
  .jiameng_e ul li:nth-child(6), .jiameng_e ul li:nth-child(7), .jiameng_e ul li:nth-child(8), .jiameng_e ul li:nth-child(9), .jiameng_e ul li:nth-child(10){ margin-top: 22px;}
  .jiameng_e .ny_biao p{ font-size: 14px;}


    

  .s_product2{ height: auto; padding-top: 0;}
  .s_product2 .swiper_11, .s_product2 .swiper_11 .swiper-wrapper{ height: auto;}
  .s_product2 .swiper_11 .swiper-wrapper .swiper-slide{ height: auto;}
  .s_product2 .swiper_11 .swiper-wrapper .swiper-slide a{ padding-top: 80%;}
  .scp_zong{ width: 100%; position: static; height: auto; background: url(../images/xian.png) left top repeat #000; z-index: 2; padding: 30px 0;}
  .scp_zong .scp_biao{ position: static; transform: translateY(0);}

}
@media (min-width:991px) and (max-width:1200px) {
  .header{ height: 80px;}
  .header .container{ padding-right: 200px; padding-left: 260px;}
  .nav_phone{ padding-top: 15px;}
  .nav_phone a strong{ font-size: 24px; margin-left: 10px;}
  .nav_phone a i{ font-size: 24px;}
  .pc_nav>ul>li>a{ font-size: 14px; line-height: 24px; padding-top: 20px; height: 80px;}
  .erji .ej_li>a{ font-size: 14px; padding: 6px 15px;}
  .logo{ height: 80px;}

  .n_banner{ margin-top: 80px;}
  .nban_text span{ font-size: 36px; line-height: 46px;}
  .nban_text span small{ font-size: 24px;}
  .weizhi ul li{ margin-right: 0;}
  .weizhi ul li a{ font-size: 14px; line-height: 60px;}
  .weizhi_xie{ line-height: 60px;}
  .ny_biao strong{ font-size: 24px;}
  .ny_biao span{ font-size: 20px; padding-bottom: 15px;}

  .s_footer .caption{ padding-top: 10px;}
  .s_footer .caption h4{ margin-bottom: 15px;}
  .s_footer .caption h4 a{ font-size: 14px; white-space: nowrap;}
  .s_footer .caption p a{ font-size: 14px; white-space: nowrap;}
  .foot_lx ul li{ font-size: 14px;}
  .foot_lx ul li strong{ font-size: 18px;}


  .sab_text .ty_content p:first-child{ display: block;}
  .sab_text .ty_content p{ line-height: 24px; display: none;}
  .sab_en{ width: 60px;}
  .sab_text h4 img{ max-width: 50%;}
  #sab_video{ width: 50px; height: 50px;}
  .scp_biao strong{ font-size: 30px; line-height: 40px;}
  .scp_biao span{ font-size: 24px; line-height: 24px;}
  .scp_biao { top: calc(50% + 40px);}
  .scp_qian{ font-size: 16px; padding: 10px 0; padding-left: 20px; top: 30px;}
  .scp_qian strong{ font-size: 20px;}
  .s_product .scp_li:nth-child(2) .scp_qian, .s_product .scp_li:nth-child(3) .scp_qian{ top: 110px;}
  .new_time{ margin: 20px 0;}
  .new_time strong{ font-size: 18px;}
  .new_time span{ font-size: 16px; display: block;}
  .news_text h4{ font-size: 16px;}
  .news_text p{ font-size: 14px; line-height: 24px; min-height: 72px;}

  .n_about_1 .col-sm-5.col-sm-offset-7{ width: 70%; margin-left: 30%;}
  .n_about_1 .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}

  .jm_zz_right .ny_biao.text-left{ margin-bottom: 30px;}
  .jm_zz_right{ padding-top: 15px; padding-left: 30px; padding-right: 80px;}
  .jm_zz_right ul li{ margin-bottom: 30px; font-size: 14px; padding-left: 50px;}
  .jm_zz_right ul li i{ width: 30px; height: 30px; line-height: 30px; font-size: 18px;}
  .jiameng_b{ padding: 30px 0;}
  .jm_moshi{ margin-top: 50px;}
  .moshi_li{ width: 20%; margin: 0 0.5%; padding: 20px 15px;}
  .moshi_li p{ font-size: 14px; line-height: 24px;}
  .moshi_li h4{ font-size: 16px; margin-bottom: 15px;}
  .moshi_li img{ max-width: 40%; margin-top: -30%;}
  .jm_zc_right ul li{ margin: 25px 0;}
  .jm_zc_right ul li i{ font-size: 24px; width: 60px; height: 60px; line-height: 60px;}
  .jm_zc_right ul li i:after{ border-radius: 18px;}
  .jm_zc_right ul li span{ font-size: 16px;}
  .jm_zc2_left .caption{ width: 30%; margin-right: 5%;}
  .jm_zc2_left .caption p{ font-size: 14px; line-height: 24px;}
  .jm_zc2_left .caption h3{ font-size: 18px;}
  .jm_zc2_left .caption h3 strong{ font-size: 24px;}
  .jiameng_e .ny_biao{ margin-bottom: 60px;}
  .jiameng_e ul li span i{ font-size: 36px; line-height: 36px;}
  .jiameng_e ul li span{ font-size: 14px;}

  .nlc_text h2{ font-size: 24px;}
  .nlc_text h2 strong{ font-size: 30px;}
  .nlc_text p{ font-size: 14px; line-height: 24px;}
  .nlc_time{ padding-top: 60px;}
  .nlc_time strong{ font-size: 36px; line-height: 36px;}
  .nlc_time h4{ font-size: 16px; line-height: 24px;}
  .nlc_swiper{ padding: 0 40px;}
  .nlc_swiper .swiper-button-next_htumber, .nlc_swiper .swiper-button-prev_htumber{ top: 39px; width: 40px; height: 40px; line-height: 38px; border-width: 1px;}
  .nlc_swiper .swiper-button-next_htumber i, .nlc_swiper .swiper-button-prev_htumber i{ font-size: 24px; line-height: 38px;}
  .n_about_3 p{ font-size: 14px; line-height: 24px;}
  .n_about_3 .dw_swiper{ margin-top: 30px;}
  .n_about_3{ padding-bottom: 80px;}

  .nab4_right{ padding: 0 30px; padding-right: 80px;}
  .nab4_right .caption:after{ height: 28px;}
  .nab4_name{ font-size: 18px; margin-bottom: 15px;}
  .nab4_right .caption{ margin-top: 20px;}
  .nab4_right .caption p{ font-size: 14px; line-height: 24px; margin-bottom: 10px;}
  .jz_biao a span strong{ font-size: 36px; line-height: 36px;}
  .jz_biao a span{ font-size: 16px; line-height: 40px;}
  .lx_text{ width: 80%;}
  .my-map{ height: 460px;}
  .nnew_ny{ margin: 0;}
  .nnew_content{ padding: 30px 0;}
  .nnew_ny .ty_content p{ font-size: 14px; line-height: 24px;}
  .nnew_ny .ty_content{ padding: 15px 0;}
  .nnew_ny .fanye02{ margin: 0;}
  .jlb_ks_text p{ margin: 10px 0; line-height: 24px; font-size: 14px;}
  .jlb_ks_text{ padding-right: 80px; padding-left: 30px;}
  .jlb_ks_text h2{ font-size: 18px; margin: 10px 0;}
  .jlb_kecheng .swiper3 .swiper-button-next{ right: 30px;}
  .jlb_kecheng .swiper3 .swiper-button-prev{ left: 30px;}
  .jlb_fw_text h3{ font-size: 18px;}
  .jlb_fw_text p{ line-height: 24px; font-size: 14px;}
  .jlb_fw_text{ padding: 10px 15px;}
  .jlb_sheshi ul li{ margin: 5px;}
  .jlb_sheshi ul li a{ font-size: 14px; padding: 4px 15px; line-height: 20px;}
  .jlb_ss_text{ padding: 15px 30px;}
  .jlb_ss_text h3{ margin-top: 0px; font-size: 18px;}
  .jlb_ss_text p{ font-size: 14px; margin-top: 10px;}
  .tixi_cp_swiper ul li a{ font-size: 18px;}
  .tixi_shangye .caption span{ font-size: 18px;}
  .ifa_about {background-size: 100% auto; padding: 30px 0;}
  .ifa_about .ty_content p{ font-size: 14px; line-height: 24px;}
  .ifa_about .caption h2{ font-size: 18px; margin: 10px 0;}
  .ifa_zizhi .swiper1 .swiper-slide span{ font-size: 16px;}
  .ifa_text h2{ font-size: 18px; margin: 10px 0;}
  .ifa_text p{ font-size: 14px; line-height: 24px;}
  .ifa_text{ padding-top: 15px; padding-bottom: 15px;}
  .ifa_kc_list .ifa_kc_li:nth-child(2n-1) .ifa_text{ padding-left: 30px;}
  .ifa_kc_list .ifa_kc_li:nth-child(2n) .ifa_text{ padding-right: 30px;}
  .ifa_text ul{ margin: 15px 0;}
  .ifa_text ul li img{ width: 40px;}
  .ifa_text ul li span{ font-size: 14px;}
  .ifa_px{ padding: 30px 0;}
  .ifa_px .ny_biao{ margin-bottom: 30px;}
  .px_li h2{ margin: 15px 0; font-size: 18px;}
  .px_li p{ font-size: 14px; margin: 10px 0;}
  .px_li span{ font-size: 30px; line-height: 30px;}


}
@media (min-width:1200px) and (max-width:1650px) {
  
  .header{ height: 80px;}
  .header .container{ padding-right: 140px; padding-left: 260px;}
  .nav_phone{ padding-top: 15px;}
  .nav_phone a strong{ font-size: 18px; margin-left: 5px;}
  .nav_phone a i{ font-size: 18px;}
  .pc_nav>ul>li>a{ font-size: 14px; line-height: 80px; height: 80px;}
  .erji .ej_li>a{ font-size: 14px; padding: 6px 15px;}
  .logo{ height: 80px;}

  .sab_en{ width: 70px;}
  #sab_video{ width: 60px; height: 60px;}
  .sab_text h4 img{ max-width: 50%;}
  .n_banner{ margin-top: 80px;}
  .nban_text span{ font-size: 46px; line-height: 56px;}
  .nban_text span small{ font-size: 30px;}

  .ny_biao strong{ font-size: 30px;}
  .ny_biao span{ font-size: 24px;}
  .sab_text .ty_content p:first-child{ display: block;}
  .sab_text .ty_content p{ line-height: 24px; display: none;}
  .scp_biao strong{ font-size: 40px;}
  .scp_biao span{ font-size: 30px;}
  .scp_biao a{ font-size: 14px;}
  .scp_qian{ font-size: 16px; padding: 12px 0; padding-left: 25px;}
  .scp_qian strong{ font-size: 20px;}
  .s_footer .caption h4{ margin-bottom: 20px;}
  .s_footer .caption h4 a{ font-size: 14px; white-space: nowrap;}
  .s_footer .caption p a{ font-size: 14px;}
  .foot_lx ul li{ font-size: 14px;}
  .foot_lx ul li strong{ font-size: 18px;}
  .new_time span{ font-size: 16px;}
  .new_time strong{ font-size: 20px;}
  .news_text h4{ font-size: 16px;}
  .news_text p{ font-size: 14px;}

  .weizhi ul li{ margin-right: 30px;}
  .weizhi_xie{ line-height: 60px;}
  .weizhi ul li a{ font-size: 16px; line-height: 60px;}
  .n_about_1 .ty_content p{ font-size: 14px; line-height: 24px;}
  .n_about_1, .ifa_about{ padding: 30px 0;}
  .jz_biao a span{ font-size: 16px;}
  .jz_biao a span strong{ font-size: 46px;}

  .nlc_text h2{ font-size: 24px;}
  .nlc_text h2 strong{ font-size: 36px;}
  .nlc_text p{ font-size: 14px; line-height: 24px;}
  .nlc_time strong{ font-size: 36px; line-height: 36px;}
  .nlc_time h4{ font-size: 16px;}
  .nlc_time{ padding-top: 60px;}
  .nlc_swiper .swiper-button-next_htumber, .nlc_swiper .swiper-button-prev_htumber{ top: 32px;}
  .n_about_3 p{ font-size: 14px; line-height: 24px;}
  .nab4_right .caption{ margin-top: 30px;}
  .nab4_name{ font-size: 20px; margin-bottom: 15px;}
  .nab4_right .caption p{ font-size: 16px; line-height: 24px;margin-bottom: 10px;}
  
  .ifa_kc_list .ifa_kc_li:nth-child(2n) .ifa_text{ padding-right: 30px;}
  .ifa_kc_list .ifa_kc_li:nth-child(2n-1) .ifa_text{ padding-left: 30px;}
  .ifa_text h2{ font-size: 20px; margin: 0; margin-bottom: 15px;}
  .ifa_text p{ font-size: 14px; line-height: 20px;}
  .ifa_text ul{ margin: 20px 0;}
  .ifa_text ul li{ width: 24%;}
  .ifa_text ul li span{ font-size: 14px;}
  .ifa_text ul li img{ width: 46px;}
  .ifa_about .caption h2{ font-size: 24px;}
  .ifa_about {background-size: 100% auto;}

  .jm_zz_right{ padding-left: 30px; padding-right: 80px; padding-top: 20px;}
  .jm_zz_right ul li i{ width: 36px; height: 36px; font-size: 24px; line-height: 36px;}
  .jm_zz_right ul li{ margin-bottom: 40px; padding-left: 60px; font-size: 16px;}
  .moshi_li{ width: 20%; margin: 0 1%;}
  .moshi_li img{ max-width: 40%; margin-top: -30%;}
  .moshi_li h4{ font-size: 18px; margin: 15px 0;}
  .jm_zc_right ul li i{ width: 80px; height: 80px; line-height: 80px; font-size: 30px;}
  .jm_zc_right ul li span{ font-size: 16px;}
  .jm_zc2_left .caption h3{ font-size: 18px;}
  .jm_zc2_left .caption h3 strong{ font-size: 24px;}
  .jiameng_e ul li span{ font-size: 16px;}
  .jiameng_e ul li span i{ font-size: 36px;}
  .tixi_cp_swiper ul li a{ font-size: 20px;}
  .tixi_shangye .caption span{ font-size: 20px;}
  .jlb_ks_text h2{ font-size: 24px; margin: 15px 0;}
  .jlb_fw_text h3{ font-size: 18px;}
  .jlb_fw_text p, .jlb_ks_text p, .jm_zc2_left .caption p, .moshi_li p, .ifa_about .ty_content p{ line-height: 24px; font-size: 14px;}
  .my-map{ height: 500px;}
  .lx_text{ width: 76%;}

  }
@media (min-width:1441px) and (max-width:1650px) {
  .pc_nav>ul>li>a{ font-size: 16px;}

  
}

@media (min-width:1441px){
  .nnew_list .row{ margin: 0 -23px;}
  .nnew_list .row .col-sm-3{ padding: 0 23px;}
  .modal-lg {width: 90%;}
  .my_modal .modal-header{ padding: 40px 100px; padding-bottom: 10px; border: none; text-align: center; padding-right: 40px;}
  .my_modal .modal-header .close{ font-size: 46px; width: 52px; height: 52px; border: 2px solid #666; border-radius: 50%; outline: none;}
  .my_modal .modal-header h4{ font-size: 34px;}
  .my_modal .modal-footer{ padding: 40px 100px;}
  .my_modal .modal-body{ padding: 15px 100px; padding-bottom: 40px;}
  .my_modal .modal-content{ border-radius: 50px;}
}


@media (max-width:991px) {

  .fanye{ text-align: center ;}
  .fanye a{ padding: 4px 8px ; }
  
  }
@media (min-width:991px) {
  .container{ padding: 0;}
  .s_footer .row .col-sm-2{ width: 13%;}

  

.fancybox-button {  width: 60px !important;  height: 60px !important;}
.fancybox-navigation button {  width: 80px !important; height:120px !important;}
.fancybox-navigation button:before { width: 60px !important; height: 60px !important;}


}

.menu-link{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  }
  .menu-link {border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-19px; right: 5px; font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
  .menu-link span {position: relative;display: block;margin-top:12px;}
  .menu-link span,
  .menu-link span:before,
  .menu-link span:after {background-color: #fff; border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
  
  .menu-link span{ width:90%;}
  .menu-link span:before{ width:110%;}
  .menu-link span:after{ width:80%;}
  .menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;}
  
  .menu-link span:before,
  .menu-link span:after {position: absolute; right: 0; top: -.7em;content: " ";}
  .menu-link span:after {top: .7em;}
  .menu-link.active span {background: transparent;}
  .menu-link.active span:before { background-color:#fff;
  -webkit-transform: rotate(45deg) translate(.5em, .4em);
  -moz-transform: rotate(45deg) translate(.5em, .4em);
  -ms-transform: rotate(45deg) translate(.5em, .4em);
  -o-transform: rotate(45deg) translate(.5em, .4em);
  transform: rotate(45deg) translate(.5em, .4em);
  }
  .menu-link.active span:after { background-color:#fff;
  -webkit-transform: rotate(-45deg) translate(.6em, -.5em);
  -moz-transform: rotate(-45deg) translate(.6em, -.5em);
  -ms-transform: rotate(-45deg) translate(.6em, -.5em);
  -o-transform: rotate(-45deg) translate(.6em, -.5em);
  transform: rotate(-45deg) translate(.6em, -.5em);
  }